<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>产品详情页面</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" media="screen" href="css/common.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="css/product.css" />
    <link rel="shortcut icon" href="images/icon_x.png">
</head>

<body>
    <!--头部-->
    <header id="head">
        <!--页面头-->
        <div class="head">
            <div class="center clearfix">
                <div class="left">好的生活，没那么贵</div>
                <div class="right">
                    <ul>
                        <li><a href="#" class="noborder">登录</a></li>
                        <li><a href="#" class="noborder margin">注册</a></li>
                        <li><a href="#">严选态度</a></li>
                        <li><a href="#">企业采购</a></li>
                        <li class="customer">
                            <a href="#">客户服务</a>
                            <ul>
                                <li><a href="#">帮助中心</a></li>
                                <li><a href="#">在线客服</a></li>
                                <li class="phone">
                                    <a href="#">电话客服</a>
                                    <div>
                                        <p>400-0368-163</p>
                                        <p>9:00-22:00</p>
                                    </div>
                                </li>
                                <li><a href="#" class="noborder">商务合作</a></li>
                            </ul>
                        </li>
                        <li class="down">
                            <a href="#">下载APP</a>
                            <div>
                                <img src="images/down.png" alt="" />
                                <span>扫码下载 首单立减8元</span>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!--end 页面头-->

        <!--搜索部分-->
        <div class="search">
            <div class="center clearfix">
                <h1>
                    <a href="javascript:;"><img src="images/logo.gif" title="网易严选" alt="网易严选" /></a>
                </h1>
                <div class="searcBox right">
                    <input type="text" name="" id="" value="" placeholder="&nbsp;&nbsp;&nbsp;&nbsp;户外轻薄防晒衣短裤99元起" />
                    <a href="javascript:void(0)"></a>
                    <!--大家都在搜-->
                    <div class="yx-sxy-search">
                        <ul>
                            <li><span>大家都在搜</span></li>
                            <li class="yx-sxy-item"><span class="yx-sxy-txt yx-sxy-txtHot">61节500元券礼包</span></li>
                            <li class="yx-sxy-item"><span class="yx-sxy-txt yx-sxy-txtHot">夏凉装备满199减30</span></li>
                            <li class="yx-sxy-item"><span class="yx-sxy-txt">滋补美味3件8折</span></li>
                            <li class="yx-sxy-item"><span class="yx-sxy-txt yx-sxy-txtHot">HOT居家百货直降</span></li>
                            <li class="yx-sxy-item"><span class="yx-sxy-txt">T恤</span></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <!--end 搜索部分-->

        <!--导航-->
        <nav class="nav">
            <div class="center clearfix">
                <a class="logo" href=""><img src="images/smallLogo.gif" /></a>
                <ul class="navBar">
                    <li class="active"><a href="#">首页</a></li>
                    <li><a href="#">居家</a></li>
                    <li><a href="#">餐厨</a></li>
                    <li><a href="#">配件</a></li>
                    <li><a href="#">服装</a></li>
                    <li><a href="#">洗护</a></li>
                    <li><a href="#">婴童</a></li>
                    <li><a href="#">杂货</a></li>
                    <li><a href="#">饮食</a></li>
                    <li><a href="#">其他</a></li>
                    <li class="separate">|</li>
                    <li><a href="#">专题</a></li>
                    <li><a href="#">甄选家</a></li>
                </ul>
                <div class="cartWrap">
                    <i>0</i>
                    <div class="cart">
                        <div class="list">
                            <ul>
                                <li>
                                    <a href="#" class="img"><img src="images/img_01-1.png" /></a>
                                    <div class="message">
                                        <p><a href="#">领尖扣商务免烫衬衫</a></p>
                                        <p>白色 Lx 1</p>
                                    </div>
                                    <div class="price">¥219.00</div>
                                    <div class="close">X</div>
                                </li>
                                <li>
                                    <a href="#" class="img"><img src="images/img_01-1.png" /></a>
                                    <div class="message">
                                        <p><a href="#">领尖扣商务免烫衬衫</a></p>
                                        <p>白色 Lx 1</p>
                                    </div>
                                    <div class="price">¥219.00</div>
                                    <div class="close">X</div>
                                </li>
                                <li>
                                    <a href="#" class="img"><img src="images/img_01-1.png" /></a>
                                    <div class="message">
                                        <p><a href="#">领尖扣商务免烫衬衫</a></p>
                                        <p>白色 Lx 1</p>
                                    </div>
                                    <div class="price">¥219.00</div>
                                    <div class="close">X</div>
                                </li>
                                <li>
                                    <a href="#" class="img"><img src="images/img_01-1.png" /></a>
                                    <div class="message">
                                        <p><a href="#">领尖扣商务免烫衬衫</a></p>
                                        <p>白色 Lx 1</p>
                                    </div>
                                    <div class="price">¥219.00</div>
                                    <div class="close">X</div>
                                </li>
                                <li>
                                    <a href="#" class="img"><img src="images/img_01-1.png" /></a>
                                    <div class="message">
                                        <p><a href="#">领尖扣商务免烫衬衫</a></p>
                                        <p>白色 Lx 1</p>
                                    </div>
                                    <div class="price">¥219.00</div>
                                    <div class="close">X</div>
                                </li>
                                <li>
                                    <a href="#" class="img"><img src="images/img_01-1.png" /></a>
                                    <div class="message">
                                        <p><a href="#">领尖扣商务免烫衬衫</a></p>
                                        <p>白色 Lx 1</p>
                                    </div>
                                    <div class="price">¥219.00</div>
                                    <div class="close">X</div>
                                </li>
                                <li>
                                    <a href="#" class="img"><img src="images/img_01-1.png" /></a>
                                    <div class="message">
                                        <p><a href="#">领尖扣商务免烫衬衫</a></p>
                                        <p>白色 Lx 1</p>
                                    </div>
                                    <div class="price">¥219.00</div>
                                    <div class="close">X</div>
                                </li>
                                <li>
                                    <a href="#" class="img"><img src="images/img_01-1.png" /></a>
                                    <div class="message">
                                        <p><a href="#">领尖扣商务免烫衬衫</a></p>
                                        <p>白色 Lx 1</p>
                                    </div>
                                    <div class="price">¥219.00</div>
                                    <div class="close">X</div>
                                </li>
                            </ul>
                            <div class="scrollBar">
                                <span class="topBtn"></span>
                                <div class="slideWrap">
                                    <div class="slide"></div>
                                </div>
                                <span class="bottomBtn"></span>
                            </div>
                        </div>
                        <div class="total">
                            商品合计: <span>¥751.00</span><a href="#">去购物车结算</a>
                        </div>
                    </div>
                </div>
                <div class="login">
                    <a href="#">登录</a><a href="#">注册</a>
                </div>
            </div>
            <div class="subNav">
                <ul style="display: block;">
                    <li>
                        <a href="#"><img src="images/nav_01.png" alt="" />1被枕</a>
                    </li>
                    <li>
                        <a href="#"><img src="images/nav_02.png" alt="" />床品件套</a>
                    </li>
                    <li>
                        <a href="#"><img src="images/nav_03.png" alt="" />床垫</a>
                    </li>
                    <li>
                        <a href="#"><img src="images/nav_04.png" alt="" />地垫</a>
                    </li>
                    <li>
                        <a href="#"><img src="images/nav_05.png" alt="" />家具</a>
                    </li>
                    <li>
                        <a href="#"><img src="images/nav_06.png" alt="" />舒坐</a>
                    </li>
                    <li>
                        <a href="#"><img src="images/nav_07.png" alt="" />灯具</a>
                    </li>
                    <li>
                        <a href="#"><img src="images/nav_08.png" alt="" />家饰</a>
                    </li>
                </ul>
                <ul>
                    <li>
                        <a href="#"><img src="images/nav_01.png" alt="" />2被枕</a>
                    </li>
                    <li>
                        <a href="#"><img src="images/nav_02.png" alt="" />床品件套</a>
                    </li>
                    <li>
                        <a href="#"><img src="images/nav_03.png" alt="" />床垫</a>
                    </li>
                    <li>
                        <a href="#"><img src="images/nav_04.png" alt="" />地垫</a>
                    </li>
                    <li>
                        <a href="#"><img src="images/nav_05.png" alt="" />家具</a>
                    </li>
                    <li>
                        <a href="#"><img src="images/nav_06.png" alt="" />舒坐</a>
                    </li>
                    <li>
                        <a href="#"><img src="images/nav_07.png" alt="" />灯具</a>
                    </li>
                    <li>
                        <a href="#"><img src="images/nav_08.png" alt="" />家饰</a>
                    </li>
                </ul>
                <ul>
                    <li>
                        <a href="#"><img src="images/nav_01.png" alt="" />3被枕</a>
                    </li>
                    <li>
                        <a href="#"><img src="images/nav_02.png" alt="" />床品件套</a>
                    </li>
                    <li>
                        <a href="#"><img src="images/nav_03.png" alt="" />床垫</a>
                    </li>
                    <li>
                        <a href="#"><img src="images/nav_04.png" alt="" />地垫</a>
                    </li>
                    <li>
                        <a href="#"><img src="images/nav_05.png" alt="" />家具</a>
                    </li>
                    <li>
                        <a href="#"><img src="images/nav_06.png" alt="" />舒坐</a>
                    </li>
                    <li>
                        <a href="#"><img src="images/nav_07.png" alt="" />灯具</a>
                    </li>
                    <li>
                        <a href="#"><img src="images/nav_08.png" alt="" />家饰</a>
                    </li>
                </ul>
                <ul>
                    <li>
                        <a href="#"><img src="images/nav_01.png" alt="" />4被枕</a>
                    </li>
                    <li>
                        <a href="#"><img src="images/nav_02.png" alt="" />床品件套</a>
                    </li>
                    <li>
                        <a href="#"><img src="images/nav_03.png" alt="" />床垫</a>
                    </li>
                    <li>
                        <a href="#"><img src="images/nav_04.png" alt="" />地垫</a>
                    </li>
                    <li>
                        <a href="#"><img src="images/nav_05.png" alt="" />家具</a>
                    </li>
                    <li>
                        <a href="#"><img src="images/nav_06.png" alt="" />舒坐</a>
                    </li>
                    <li>
                        <a href="#"><img src="images/nav_07.png" alt="" />灯具</a>
                    </li>
                    <li>
                        <a href="#"><img src="images/nav_08.png" alt="" />家饰</a>
                    </li>
                </ul>
                <ul>
                    <li>
                        <a href="#"><img src="images/nav_01.png" alt="" />5被枕</a>
                    </li>
                    <li>
                        <a href="#"><img src="images/nav_02.png" alt="" />床品件套</a>
                    </li>
                    <li>
                        <a href="#"><img src="images/nav_03.png" alt="" />床垫</a>
                    </li>
                    <li>
                        <a href="#"><img src="images/nav_04.png" alt="" />地垫</a>
                    </li>
                    <li>
                        <a href="#"><img src="images/nav_05.png" alt="" />家具</a>
                    </li>
                    <li>
                        <a href="#"><img src="images/nav_06.png" alt="" />舒坐</a>
                    </li>
                    <li>
                        <a href="#"><img src="images/nav_07.png" alt="" />灯具</a>
                    </li>
                    <li>
                        <a href="#"><img src="images/nav_08.png" alt="" />家饰</a>
                    </li>
                </ul>
                <ul>
                    <li>
                        <a href="#"><img src="images/nav_01.png" alt="" />6被枕</a>
                    </li>
                    <li>
                        <a href="#"><img src="images/nav_02.png" alt="" />床品件套</a>
                    </li>
                    <li>
                        <a href="#"><img src="images/nav_03.png" alt="" />床垫</a>
                    </li>
                    <li>
                        <a href="#"><img src="images/nav_04.png" alt="" />地垫</a>
                    </li>
                    <li>
                        <a href="#"><img src="images/nav_05.png" alt="" />家具</a>
                    </li>
                    <li>
                        <a href="#"><img src="images/nav_06.png" alt="" />舒坐</a>
                    </li>
                    <li>
                        <a href="#"><img src="images/nav_07.png" alt="" />灯具</a>
                    </li>
                    <li>
                        <a href="#"><img src="images/nav_08.png" alt="" />家饰</a>
                    </li>
                </ul>
                <ul>
                    <li>
                        <a href="#"><img src="images/nav_01.png" alt="" />7被枕</a>
                    </li>
                    <li>
                        <a href="#"><img src="images/nav_02.png" alt="" />床品件套</a>
                    </li>
                    <li>
                        <a href="#"><img src="images/nav_03.png" alt="" />床垫</a>
                    </li>
                    <li>
                        <a href="#"><img src="images/nav_04.png" alt="" />地垫</a>
                    </li>
                    <li>
                        <a href="#"><img src="images/nav_05.png" alt="" />家具</a>
                    </li>
                    <li>
                        <a href="#"><img src="images/nav_06.png" alt="" />舒坐</a>
                    </li>
                    <li>
                        <a href="#"><img src="images/nav_07.png" alt="" />灯具</a>
                    </li>
                    <li>
                        <a href="#"><img src="images/nav_08.png" alt="" />家饰</a>
                    </li>
                </ul>
                <ul>
                    <li>
                        <a href="#"><img src="images/nav_01.png" alt="" />8被枕</a>
                    </li>
                    <li>
                        <a href="#"><img src="images/nav_02.png" alt="" />床品件套</a>
                    </li>
                    <li>
                        <a href="#"><img src="images/nav_03.png" alt="" />床垫</a>
                    </li>
                    <li>
                        <a href="#"><img src="images/nav_04.png" alt="" />地垫</a>
                    </li>
                    <li>
                        <a href="#"><img src="images/nav_05.png" alt="" />家具</a>
                    </li>
                    <li>
                        <a href="#"><img src="images/nav_06.png" alt="" />舒坐</a>
                    </li>
                    <li>
                        <a href="#"><img src="images/nav_07.png" alt="" />灯具</a>
                    </li>
                    <li>
                        <a href="#"><img src="images/nav_08.png" alt="" />家饰</a>
                    </li>
                </ul>
                <ul>
                    <li>
                        <a href="#"><img src="images/nav_01.png" alt="" />9被枕</a>
                    </li>
                    <li>
                        <a href="#"><img src="images/nav_02.png" alt="" />床品件套</a>
                    </li>
                    <li>
                        <a href="#"><img src="images/nav_03.png" alt="" />床垫</a>
                    </li>
                    <li>
                        <a href="#"><img src="images/nav_04.png" alt="" />地垫</a>
                    </li>
                    <li>
                        <a href="#"><img src="images/nav_05.png" alt="" />家具</a>
                    </li>
                    <li>
                        <a href="#"><img src="images/nav_06.png" alt="" />舒坐</a>
                    </li>
                    <li>
                        <a href="#"><img src="images/nav_07.png" alt="" />灯具</a>
                    </li>
                    <li>
                        <a href="#"><img src="images/nav_08.png" alt="" />家饰</a>
                    </li>
                </ul>
            </div>
        </nav>
        <!--end 导航-->
    </header>
    <!--end 头部-->

    <!-- 面包屑 -->
    <section id="position">
        <a href="#">首页</a> > <a href="#">其他</a> > <a href="#">数码</a> > 网易智造空气感苹果手机壳
    </section>
    <!--end 面包屑 -->

    <!-- 产品图片 -->
    <section id="productImg" class="clearfix">
        <!-- 左边大图 -->
        <div class="left">
            <img src="images/img_35.jpg" alt="" class="left">
            <div class="smallImg right">
                <img src="images/img_35.jpg" alt="" class="active" />
                <img src="images/img_36.jpg" alt="" />
                <img src="images/img_37.jpg" alt="" />
                <img src="images/img_38.jpg" alt="" />
                <img src="images/img_39.jpg" alt="" />
            </div>
        </div>
        <!--end 左边大图 -->

        <!-- 右边信息描述 -->
        <div class="info right">
            <h2>网易制造空气感苹果手机壳</h2>
            <p>0.4mm纸一样薄 磨砂手感</p>
            <div class="price">
                <div><span>售价</span><strong>¥38.00</strong></div>
                <div><span>促销</span><a href="#" class="tag">愚人节</a><a href="#" class="discount">领全场满减券，额外机会包裹翻倍</a></div>
                <div><span>服务</span><a href="#" class="service"><i></i>30天无忧退货<i></i>48小时快速退款<i></i>满88元免邮费<i></i>网易自营品牌</a></div>
            </div>
            <div class="fomat">
                <!-- <dl class="clearfix">
                    <dt>型号</dt>
                    <dd class="active">iPhone 7</dd>
                    <dd>iPhone 7 Plus</dd>
                </dl>
                <dl class="clearfix">
                    <dt>颜色</dt>
                    <dd class="active">清透黑</dd>
                    <dd>纯净白</dd>
                </dl> -->
            </div>
            <div class="number">
                <span class="nTitle">数量</span>
                <div class="noClick">
                    <span>-</span>
                    <input type="text" value="1" />
                    <span>+</span>
                </div>

            </div>
            <div class="btn">
                <a href="#" class="buy">立即购买</a>
                <a href="javascript:;" class="join">加入购物车</a>
                <a href="#" class="collection">收藏</a>
            </div>
        </div>
        <!--end 右边信息描述 -->
    </section>
    <!--end 产品图片 -->

    <!-- 大家都在看 -->
    <section id="look">
        <div class="center">
            <div class="content clearfix" id="alllook">
                <div class="carouselImgCon">
                    <ul>
                        <!-- <li>
                            <a href="#"><img src="images/img_40.png" /></a>
                            <a href="#">网易双子星蓝牙音箱</a>
                            <span>¥288.00</span>
                        </li>
                        <li>
                            <a href="#"><img src="images/img_41.png" /></a>
                            <a href="#">网易双子星蓝牙音箱</a>
                            <span>¥288.00</span>
                        </li>
                        <li>
                            <a href="#"><img src="images/img_42.png" /></a>
                            <a href="#">网易双子星蓝牙音箱</a>
                            <span>¥288.00</span>
                        </li>
                        <li>
                            <a href="#"><img src="images/img_43.png" /></a>
                            <a href="#">网易双子星蓝牙音箱</a>
                            <span>¥288.00</span>
                        </li>
                        <li>
                            <a href="#"><img src="images/img_44.png" /></a>
                            <a href="#">网易双子星蓝牙音箱</a>
                            <span>¥288.00</span>
                        </li>
                        <li>
                            <a href="#"><img src="images/img_45.png" /></a>
                            <a href="#">网易双子星蓝牙音箱</a>
                            <span>¥288.00</span>
                        </li>
                        <li>
                            <a href="#"><img src="images/img_46.png" /></a>
                            <a href="#">网易双子星蓝牙音箱</a>
                            <span>¥288.00</span>
                        </li>
                        <li>
                            <a href="#"><img src="images/img_47.png" /></a>
                            <a href="#">网易双子星蓝牙音箱</a>
                            <span>¥288.00</span>
                        </li> -->
                    </ul>
                </div>
                <!-- <div class="prev"><</div>
                <div class="next">></div></div> -->
            </div>
    </section>
    <!--end 大家都在看 -->

    <!-- 详情-评价-专题推荐 -->
    <section id="bottom">
        <div class="center clearfix">
            <!-- 详情与评价 -->
            <div class="product">
                <div class="title">
                    <a href="javascript:;" class="active">详情</a><a href="javascript:;">评价<span>（200）</span></a>
                </div>
                <div class="content">
                    <!--详情选项卡对应的内容-->
                    <div class="details" style="display: block;">
                        <table>
                            <tbody>
                                <!-- <tr>
                                    <td>产品尺寸</td>
                                    <td>270mm*50mm*30mm</td>
                                    <td>额定参数</td>
                                    <td>2500W-10A Max, 250V</td>
                                </tr>
                                <tr>
                                    <td>产品尺寸</td>
                                    <td>270mm*50mm*30mm</td>
                                    <td>额定参数</td>
                                    <td>2500W-10A Max, 250V</td>
                                </tr>
                                <tr>
                                    <td>产品尺寸</td>
                                    <td>270mm*50mm*30mm</td>
                                    <td>额定参数</td>
                                    <td>2500W-10A Max, 250V</td>
                                </tr>
                                <tr>
                                    <td>产品尺寸</td>
                                    <td>270mm*50mm*30mm</td>
                                    <td>额定参数</td>
                                    <td>2500W-10A Max, 250V</td>
                                </tr> -->
                            </tbody>
                        </table>
                        <div class="img">
                            <img src="images/img_48.jpg" alt="" />
                            <img src="images/img_49.jpg" alt="" />
                            <img src="images/img_50.jpg" alt="" />
                        </div>
                        <div class="problem">
                            <h3>常见问题</h3>
                            <dl>
                                <dt>购买运费如何收取？</dt>
                                <dd>单笔订单金额（不含运费）满88元免邮费；不满88元，每单收取10元运费。</dd>
                            </dl>
                            <dl>
                                <dt>使用什么快递发货？</dt>
                                <dd>严选默认使用顺丰快递发货（个别商品使用其他快递），配送范围覆盖全国大部分地区（港澳台地区除外）。</dd>
                            </dl>
                            <dl>
                                <dt>如何申请退货？</dt>
                                <dd>1.自收到商品之日起30日内，顾客可申请无忧退货，退款将原路返还，不同的银行处理时间不同，预计1-5个工作日到账；</dd>
                                <dd>2.内裤和食品等特殊商品无质量问题不支持退货</dd>
                                <dd>3.退货流程：<br />确认收货-申请退货-客服审核通过-用户寄回商品-仓库签收验货-退款审核-退款完成；</dd>
                                <dd>4.因网易严选产生的退货，如质量问题，退货邮费由网易严选承担，退款完成后会以现金券的形式报销。因客户个人原因产生的退货，购买和寄回运费由客户个人承担。</dd>
                            </dl>
                            <dl>
                                <dt>如何开具发票？</dt>
                                <dd>1.如需开具普通发票，请在下单时选择“我要开发票”并填写相关信息（APP仅限2.4.0及以上版本）；</dd>
                                <dd>2.如需开具增值税专用发票，请在购买后联系客服办理；</dd>
                                <dd>3.可选开票内容：<br /> 订单中含有办公用品（箱包、文具、口罩）--办公用品等、耗材等、日用品、家居用品、食品、酒/饮料、服饰、化妆品； 不含有办公用品--日用品、家居用品、食品、酒/饮料、服饰、化妆品； 订单商品为礼品卡--预付卡。
                                </dd>
                            </dl>
                        </div>
                    </div>
                    <!--end 详情选项卡对应的内容-->

                    <!--评价选项卡对应的内容-->
                    <div class="evaluate">
                        <div class="border">
                            <div class="eTitle clearfix">
                                <div class="active">
                                    <i></i><span>全部（200）</span>
                                </div>
                                <div>
                                    <i></i><span>有图（6）</span>
                                </div>
                            </div>
                            <ul>
                                <li>
                                    <div class="avatar">
                                        <img src="images/avatar.png" alt="" />
                                        <a href="#" class="vip1"></a><span>s****i</span>
                                    </div>
                                    <div class="text">
                                        <p>我买错了！！！iPhone6s！我快哭了！</p>
                                        <div class="smallImg clearfix">
                                            <span><img src="images/img_50.jpg" alt="" /></span>
                                            <span><img src="images/img_51.jpg" alt="" /></span>
                                        </div>
                                        <div class="color clearfix">
                                            <span class="left">型号:iPhone 7,颜色:纯净白</span>
                                            <span class="right">2017-03-25 09:05</span>
                                        </div>
                                        <div class="dialog" id="commmetImg1">
                                            <div class="carouselImgCon">
                                                <ul>
                                                    <li><img src="images/img_50.jpg" alt="" /></li>
                                                    <li><img src="images/img_51.jpg" alt="" /></li>
                                                </ul>
                                            </div>
                                            <div class="close">X</div>
                                            <div class="prev">
                                                <</div>
                                                    <div class="next">></div>
                                            </div>
                                        </div>
                                </li>
                                <li>
                                    <div class="avatar">
                                        <img src="images/avatar.png" alt="" />
                                        <a href="#" class="vip1"></a><span>s****i</span>
                                    </div>
                                    <div class="text">
                                        <p>我买错了！！！iPhone6s！我快哭了！</p>
                                        <div class="smallImg clearfix">
                                            <span><img src="images/img_50.jpg" alt="" /></span>
                                            <span><img src="images/img_51.jpg" alt="" /></span>
                                        </div>
                                        <div class="color clearfix">
                                            <span class="left">型号:iPhone 7,颜色:纯净白</span>
                                            <span class="right">2017-03-25 09:05</span>
                                        </div>
                                        <div class="dialog" id="commmetImg1">
                                            <div class="carouselImgCon">
                                                <ul>
                                                    <li><img src="images/img_50.jpg" alt="" /></li>
                                                    <li><img src="images/img_51.jpg" alt="" /></li>
                                                </ul>
                                            </div>
                                            <div class="close">X</div>
                                            <div class="prev">
                                                <</div>
                                                    <div class="next">></div>
                                            </div>
                                        </div>
                                </li>
                                <li>
                                    <div class="avatar">
                                        <img src="images/avatar.png" alt="" />
                                        <a href="#" class="vip1"></a><span>s****i</span>
                                    </div>
                                    <div class="text">
                                        <p>我买错了！！！iPhone6s！我快哭了！</p>
                                        <div class="smallImg clearfix">
                                            <span><img src="images/img_50.jpg" alt="" /></span>
                                            <span><img src="images/img_51.jpg" alt="" /></span>
                                        </div>
                                        <div class="color clearfix">
                                            <span class="left">型号:iPhone 7,颜色:纯净白</span>
                                            <span class="right">2017-03-25 09:05</span>
                                        </div>
                                        <div class="dialog" id="commmetImg1">
                                            <div class="carouselImgCon">
                                                <ul>
                                                    <li><img src="images/img_50.jpg" alt="" /></li>
                                                    <li><img src="images/img_51.jpg" alt="" /></li>
                                                </ul>
                                            </div>
                                            <div class="close">X</div>
                                            <div class="prev">
                                                <</div>
                                                    <div class="next">></div>
                                            </div>
                                        </div>
                                </li>
                                <li>
                                    <div class="avatar">
                                        <img src="images/avatar.png" alt="" />
                                        <a href="#" class="vip1"></a><span>s****i</span>
                                    </div>
                                    <div class="text">
                                        <p>我买错了！！！iPhone6s！我快哭了！</p>
                                        <div class="smallImg clearfix">
                                            <span><img src="images/img_50.jpg" alt="" /></span>
                                            <span><img src="images/img_51.jpg" alt="" /></span>
                                        </div>
                                        <div class="color clearfix">
                                            <span class="left">型号:iPhone 7,颜色:纯净白</span>
                                            <span class="right">2017-03-25 09:05</span>
                                        </div>
                                        <div class="dialog" id="commmetImg1">
                                            <div class="carouselImgCon">
                                                <ul>
                                                    <li><img src="images/img_50.jpg" alt="" /></li>
                                                    <li><img src="images/img_51.jpg" alt="" /></li>
                                                </ul>
                                            </div>
                                            <div class="close">X</div>
                                            <div class="prev">
                                                <</div>
                                                    <div class="next">></div>
                                            </div>
                                        </div>
                                </li>
                            </ul>
                            </div>
                            <div class="page">
                                <span>首页</span>
                                <span><上一页</span>
                                <div class="mainPage">
                                    <span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span class="active">7</span><span>8</span><span>9</span><span>10</span>
                                </div>
                                <span>下一页></span>
                                <span>尾页</span>
                            </div>
                            </div>
                            <!--end 评价选项卡对应的内容-->
                            </div>
                            </div>
                            <!--end 详情与评价 -->

                            <!--专题推荐-->
                            <div class="special">
                                <h3>专题推荐</h3>
                                <div>
                                    <a href="#"><img src="images/img_52.jpg" /></a>
                                    <a href="#">好东西不该只用来凑单</a>
                                </div>
                                <div>
                                    <a href="#"><img src="images/img_53.jpg" /></a>
                                    <a href="#">好东西不该只用来凑单</a>
                                </div>
                                <div>
                                    <a href="#"><img src="images/img_54.jpg" /></a>
                                    <a href="#">好东西不该只用来凑单</a>
                                </div>
                                <div>
                                    <a href="#"><img src="images/img_55.jpg" /></a>
                                    <a href="#">好东西不该只用来凑单</a>
                                </div>
                                <div>
                                    <a href="#"><img src="images/img_56.jpg" /></a>
                                    <a href="#">好东西不该只用来凑单</a>
                                </div>
                            </div>
                            <!--end 专题推荐-->
                        </div>
    </section>
    <!--end 详情-评价-专题推荐 -->

    <!--底部-->
    <footer>
        <div class="message">
            <div class="center">
                <div class="box">
                    <h4>客服电话</h4>
                    <p class="phone">400-0368-163</p>
                    <p class="workTime">9:00-22:00</p>
                    <div class="btn"><a href="#">用户反馈</a><a href="#">在线客服</a></div>
                </div>
                <div class="box">
                    <h4>何为严选</h4>
                    <p>网易原创生活类电商品牌，秉承网易一贯的严谨态度，我们深入世界各地，从源头全程严格把控商品生产环节，力求帮消费者甄选到最优质的商品</p>
                    <dl class="clearfix">
                        <dt>关注我们 :</dt>
                        <dd>
                            <a href="#"><img src="images/ico_05.gif " /></a>
                        </dd>
                        <dd>
                            <a href="#"><img src="images/ico_06.gif " /></a>
                        </dd>
                        <dd>
                            <a href="#"><img src="images/ico_07.gif " /></a>
                        </dd>
                    </dl>
                </div>
                <div class="box">
                    <h4>扫码下载严选APP</h4>
                    <img src="images/down.png " alt="" />
                    <p class="money">首单立减8元</p>
                </div>
            </div>
        </div>
        <div class="foot">
            <div class="center">
                <div class="title">
                    <div>30天无忧退</div>
                    <div>货满88元免邮</div>
                    <div>网易品质保证</div>
                </div>
                <div class="copy">
                    <p><a href="#">关于我们</a> | <a href="#">帮助中心 </a> | <a href="#">售后服务</a> | <a href="#">配送与验收</a> | <a href="#">商务合作</a> | <a href="#">企业采购</a> | <a href="#">友情链接</a></p>
                    <p>网易公司版权所有 &copy; 1997-2017 食品经营许可证：JY13301080111719</p>
                </div>
            </div>
        </div>
    </footer>

    <!--右下角侧边栏-->
    <div id="sideBar">
        <div class="top">
            <a href="javascript:;" class="yx-sxy-date">
                日历
                <div id="yx-sxy-date">
                    <div class="time1">12:50:07</div>
                    <div class="time2">2018年6月2日,星期六</div>
                    <div class="time3">
                        <strong>2018年6月</strong>
                        <div><span>∧</span><span>∨</span></div>
                    </div>
                    <ul>
                        <li>一</li>
                        <li>二</li>
                        <li>三</li>
                        <li>四</li>
                        <li>五</li>
                        <li>六</li>
                        <li>日</li>
                    </ul>
                    <div class="number">
                        <span class="color">1</span>
                        <span class="color">2</span>
                        <span class="color">3</span>
                        <span>4</span>
                        <span>5</span>
                        <span class="active">6</span>
                        <span>7</span>
                        <span>8</span>
                        <span>9</span>
                        <span>10</span>
                        <span>11</span>
                        <span>12</span>
                        <span>13</span>
                        <span>14</span>
                        <span>15</span>
                        <span>16</span>
                        <span>17</span>
                        <span>18</span>
                        <span>19</span>
                        <span>20</span>
                        <span>21</span>
                        <span>22</span>
                        <span>23</span>
                        <span>24</span>
                        <span>25</span>
                        <span>26</span>
                        <span>27</span>
                        <span>28</span>
                        <span>29</span>
                        <span>30</span>
                    </div>
                </div>
            </a>
            <a href="javascript:;">新人有礼</a>
            <a href="javascript:;" class="yx-sxy-xzyl">
            	下载APP
            	<div class="yx-sxy-downloadLinkDialog">
	        		<div class="yx-sxy-main">
	        			<div class="yx-sxy-mtop">
	        				<div class="left">
	        					<p class="yx-sxy-txt">
	        						<span class="yx-sxy-unit">¥</span>
	        						<span class="yx-sxy-account">1000</span>
	        					</p>
	        				</div>
	        				<div class="left">
	        					<div class="yx-sxy-tag">新人</div>
	        					<p class="yx-sxy-xjl">现金礼</p>
	        				</div>
	        			</div>
	        			<div class="yx-sxy-mbottom">
	    					<div class="left yx-sxy-qrimg">
	    						<img src="/images/down.png"/>
	    					</div>
	    					<div class="left" style="">
	    						<p class="yx-sxy-ljxz">立即扫码</p>
	    						<p class="yx-sxy-xzlq">下载APP领取</p>
	    					</div>
	        			</div>
	        			<div class="yx-sxy-cp"></div>
	        		</div>
	        	</div>
            </a>
            <a href="javascript:;" class="yz-sxy-zxkf">在线客服</a>
        </div>
        <a href="javascript:;" class="back">回到顶部</a>
    </div>
    <!--end 右下角侧边栏-->
    <script src="js/jquery/jquery-1.12.4.js"></script>
    <script src="js/common.js"></script>
    <script src="js/product_listData.js"></script>
    <script src="js/recommend_data.js"></script>
    <script src="js/move.js"></script>
    <script src="js/Carousel.js"></script>
    <script src="js/comment_data.js"></script>
    <script src="js/product.js"></script>
</body>

</html>